<template>
  <div class="school">
    <h2>学校名称：{{name}}</h2>
    <h2>学校地址：{{address}}</h2>
  </div>
</template>

<script>
    import pubsub from 'pubsub-js'
    export default {
        name:'School',
        data(){
            return {
                name: '北京大学',
                address:'北京'
            }
        },
        mounted(){
          // console.log('School',this.x)
          // 全局事件总线实现
          /* this.$bus.$on('hello',(data)=>{
            console.log('我是School组件，收到了数据',data)
          }) */
          // 消息的发布与订阅实现
          this.pubId = pubsub.subscribe('hello',(msgName,data)=>{
            console.log('有人发布了hello消息，hello消息的回调执行了',msgName,data)
          })
        },
        beforeDestroy(){
          // this.$bus.$off('hello')
          pubsub.unsubscribe(this.pubId)
        }
    }
</script>

<style scoped>
  .school{
    background-color: skyblue;
    padding: 5px;
  }
</style>